<template>
    <div id="adBar">
        <a :href="url">
            <img :src="src" alt="alt">
        </a>
    </div>
</template>  
<script>
    import Img from '../assets/baner-ad01.jpg'
    export default {
        name: 'AdBar',
        data (){
            return {
                'src': Img,
                'alt': '这个是广告的内容',
                'url': 'index.html'
            }
        }
    }
</script>
<style>
    #adBar{height:7.5rem;width:100%;margin:0.5rem 0;}
    #adBar img{height:7.5rem;width:100%;margin-bottom:5.5rem;}
</style>